<footer id="footer">
    <div class="bg-primary text-center">
        <div class="container wrapper">
            <div class="m-t-xl m-b">
                Start Your Experience As A
                <a href="<?php echo $this->Html->url(array('controller'=>'Student','action' => 'login')); ?>" class="btn btn-lg btn-dark b-white bg-empty m-sm">Student</a>
                <a href="<?php echo $this->Html->url(array('controller'=>'Staff','action' => 'login')); ?>" class="btn btn-lg btn-warning b-white bg-empty m-sm">College Staff</a>
            </div>
        </div>
        <i class="fa fa-caret-down fa-4x text-primary m-b-n-lg block"></i>
    </div>
    <div id="about" class="bg-white">
        <div class="container">
            <div class="m-t-xl m-b-xl text-center wrapper">
                <h3>This Platform Consist of 3 Major Modules</h3>
                <p class="text-muted">These modules work seamlessly together to give you great experience.</p>
            </div>
            <div class="row m-t-xl m-b-xl text-center">
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="300">
                    <p class="h3 m-b-lg">
                        <i class="fa fa-user fa-3x text-info"></i>
                    </p>
                    <div class="">
                        <h4 class="m-t-none">App Student</h4>
                        <p class="text-muted m-t-lg">Many mobile app widgets and components, it's fully responsive, it can run on all the size of the screens. Start work on your great idea today!</p>
                    </div>
                </div>
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="600">
                    <p class="h3 m-b-lg">
                        <i class="fa fa-users fa-3x text-info"></i>
                    </p>
                    <div class="">
                        <h4 class="m-t-none">App College Staff</h4>
                        <p class="text-muted m-t-lg">It also can be used as admin dashboard, it has tables, charts and other useful components for system management, graph data shows and analysis.</p>
                    </div>
                </div>
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="900">
                    <p class="h3 m-b-lg">
                        <i class="fa fa-money fa-3x text-info"></i>
                    </p>
                    <div class="">
                        <h4 class="m-t-none">App Bank</h4>
                        <p class="text-muted m-t-lg">This template also have a front end site that for your application landing, It have the features introduction, blog section, and a price table included.</p>
                    </div>
                </div>
            </div>
           <!-- <div class="m-t-xl m-b-xl text-center wrapper">
                <p class="h5">You can use it to build your
                    <span class="text-primary">Content manage system</span>,
                    <span class="text-primary">Travel app</span>,
                    <span class="text-primary">Medical app</span>...
                </p>
            </div>-->
        </div>
    </div>
   <!-- <div class="bg-dark dker wrapper">
        <div class="container text-center m-t-lg">
            <div class="row m-t-xl m-b-xl">
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInLeft" data-delay="300">
                    <i class="fa fa-map-marker fa-3x icon-muted"></i>
                    <h5 class="text-uc m-b m-t-lg">Find Us</h5>
                    <p class="text-sm">23 soe Midlokls <br>
                        120002 Loki — UNITED KINGDOM
                    </p>
                </div>
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInUp" data-delay="600">
                    <i class="fa fa-envelope-o fa-3x icon-muted"></i>
                    <h5 class="text-uc m-b m-t-lg">Mail Us</h5>
                    <p class="text-sm"><a href="mailto:hey@example.com">info@example.com</a></p>
                </div>
                <div class="col-sm-4" data-ride="animated" data-animation="fadeInRight" data-delay="900">
                    <i class="fa fa-globe fa-3x icon-muted"></i>
                    <h5 class="text-uc m-b m-t-lg">Join Us</h5>
                    <p class="text-sm">Send your resume to <br><a href="mailto:hey@example.com">recruit@example.com</a></p>
                </div>
            </div>
            <div class="m-t-xl m-b-xl">
                <p>
                    <a href="#" class="btn btn-icon btn-rounded btn-facebook bg-empty m-sm"><i class="fa fa-facebook"></i></a>
                    <a href="#" class="btn btn-icon btn-rounded btn-twitter bg-empty m-sm"><i class="fa fa-twitter"></i></a>
                    <a href="#" class="btn btn-icon btn-rounded btn-gplus bg-empty m-sm"><i class="fa fa-google-plus"></i></a>
                </p>
                <p>
                    <a href="#content" data-jump="true" class="btn btn-icon btn-rounded btn-dark b-dark bg-empty m-sm text-muted"><i class="fa fa-angle-up"></i></a>
                </p>
            </div>
        </div>
    </div>-->
</footer>